<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta keyword="相亲,同城约会" content="这是专业的相亲网站" />
    <title>Document</title>
  </head>
  <body>
    <h1>hello world!</h1>
    <h2>hello world!</h2>
    <h3>hello world!</h3>
    <h4>hello world!</h4>
    <h5>hello world!</h5>
    <h6>hello world!</h6>

    <p>
      顺利贯通，<i>穿海入城</i>。3月15日，广湛高铁湛江湾海底隧道成功贯通，<br />创造了国内独头掘进距离最长的穿海高铁盾构施工纪录。高铁通车后，广州和湛江城区可实现<b>90分钟互达</b>。
    </p>
    <p>
      高峡筑坝，<em>巧用水能</em>。3月12日，玛尔挡水电站首台机组过速试验圆满完成。这座位于海拔3300米的水电站，建成后年发电量将超73亿千瓦时，每年可节约煤炭约<strong>220万吨</strong>。
    </p>

    <hr />

    <b>加粗标签</b>
    <strong>加粗标签2</strong>

    <i>倾斜标签</i>
    <em>倾斜标签2</em>

    <p>
      建成后年<i><b>发电量</b></i
      >将超73亿千瓦时
    </p>

    <del>删除线标签</del>
    <s>删除线标签2</s>
    <u>下划线标签</u>

    <p>这是<sup>上标</sup>标签</p>
    <p>2<sup>3</sup> = 8</p>
    <p>这是<sub>下标</sub>标签</p>
    <p>2H<sub>2</sub>O = 2H<sub>2</sub>↑ + O<sub>2</sub>↑</p>
  </body>
</html>

<!-- 
  1. 标题标签
    h1 - h6 一共6个标签
    全部是双标签
    分别表示一级标题到六级标题
    都会加粗，都会独占一行，文字大小是从大到小c
    默认有一个上下间距

    h1标签在一个页面里面只能使用一次, 跟SEO(搜索引擎优化)有关


  2. 段落文本标签
    <p></p>
    双标签
    都会独占一行
    默认有一个上下间距
    没有默认的向后缩进的效果


  3. 加粗标签
    <b></b> 或者 <strong></strong>
    都是双标签
    不会独占一行

    从显示效果来说没有区别的
    b表示是为了加粗的效果而加粗
    strong是为了加强语气而加粗


  4. 倾斜标签
    <i></i> 或者 <em></em>
    都是双标签
    不会独占一行

    从显示效果来说没有区别的
    i表示是为了倾斜的效果而倾斜
    em是为了加强语气而倾斜


  5. 删除线
    <del></del> 或者 <s></s>
    都是双标签
    不会独占一行

  
  6. 下划线
    <u></u>
    双标签
    不会独占一行


  7. 上标和下标标签
    <sup></sup>  和  <sub></sub>
    双标签
    不会独占一行


  8. 强制换行标签
    <br />
    单标签

  9. 水平线分割标签
    <hr />
    单标签
 -->
